<legend class='hyc-legend'>
    <span>菜单列表</span>
</legend>
<div class="panel-title" style="padding-bottom: 12px;">
    <div class="btn btn-warning btn-sm" ui-sref="menu-edit" >新增菜单</div>
</div>
<table class="table table-bordered">
    <tr>
        <th class="text-center">序号</th>
        <th class="text-center">标题</th>
        <th class="text-center">链接</th>
        <th class="text-center">角色</th>
        <th class="text-center">图标</th>
        <th class="text-center">排序</th>
        <th class="text-center">操作</th>
    </tr>
    <tr ng-repeat="item in menuObj.list track by $index" ng-if="menuObj.list.length > 0">
        <td class="text-center">{{$index + 1}}</td>
        <td>{{item.title}}</td>
        <td>{{item.href}}</td>
        <td>{{item.roleNames}}</td>
        <td class="text-center"><i class="{{'fa fa-' + item.icon}}"></i></td>
        <td class="text-center">{{item.sort}}</td>
        <td class="text-center">
            <a ui-sref="menu-edit({id: item.id})">修改</a>&nbsp;
            <a href="javascript: void(0);" ng-click="menuObj.remove(item.id)">删除</a>
        </td>
    </tr>
    <tr ng-if="menuObj.list.length <= 0">
        <td class="text-center" colspan="7">暂无菜单数据</td>
    </tr>
</table>